.video {
    .hp {
        width: 100%;
        // height: 41px;
        line-height: 41px;
        text-align: center;
        // overflow: hidden;
        // box-shadow: ;
        background-color: #e54847;
        position: relative;
        z-index: 102;
        margin: 0px;
        color: #fff;
        font-size: 18px;
      }
    .to {
        // margin-top: 30px;
        width: 100%;
        overflow: scroll;
        background-color: #fff;

        ul {
            width: 106%;
            height: 30px;
            line-height: 30px;
            margin: 0;
            display: flex;
            justify-content: space-around;
            list-style: none;
            padding: 0;
            li {
                // width: 17.66666%;
                font-size: 0.37333rem;
            }

            .active {
                border-bottom: 0.08rem solid red;
                border-radius: 0.02667rem;
                font-weight: bold;
                font-size: 0.4rem;
            }
        }
    }

    .xuanR {
        margin-top: 72px;
    }

    .to::-webkit-scrollbar {
        display: none;
    }

    .neiR_box {
        margin-bottom: 55px;
    }

    .tu {
        width: 100%;
        height: 210px;
        position: relative;

        img {
            width: 100%;
            height: 210px;
            z-index: 12;
        }

        span {
            padding: 0px 10px;
            position: absolute;
            top: 0;
            left: 0;
            font-size: 22px;
            font-family: PingFangSC-Medium, serif;
            color: #fff;
        }

        p {
            position: absolute;
            bottom: 0px;
            right: 5px;
            z-index: 18;
            color: #fff;
            font-size: 12px;
        }

        .tu_tin {
            width: 80px;
            height: 80px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-radius: 50%;

            img {
                width: 80px;
                height: 80px;
            }
        }
    }

    .xiXi {
        padding: 0px 20px;
        font-size: 0.28rem;

        //   height: 40px;
        //   line-height: 40px;
        img {
            width: 22px;
            height: 22px;
            border-radius: 50%;
        }

        .dianZai {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            padding-left: 30px;
            position: relative;
            margin-right: 25px;

            &::after {
                content: "";
                display: inline-block;
                width: 22px;
                height: 22px;
                background: url("../../../assets/video-praise.png") no-repeat;
                background-size: 100%;
                position: absolute;
                top: 5px;
                left: 0;
            }
        }

        .pingLun {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            padding-left: 30px;
            position: relative;
            margin-right: 25px;

            &::after {
                content: "";
                display: inline-block;
                width: 22px;
                height: 22px;
                // background-color: olive;
                background: url("../../../assets/video-comment.png") no-repeat;
                background-size: 100%;
                position: absolute;
                top: 5px;
                left: 0;
            }
        }

        .fenXian {
            display: inline-block;
            width: 22px;
            height: 22px;
            background: url("../../../assets/video-share.png") no-repeat;
            background-size: 100%;
            // padding-left: 30px;
            position: relative;
            top: 7px;


        }
    }

    //清除浮动
    .xiXi::after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
    }

    .geR_left {
        height: 40px;
        line-height: 40px;
        float: left;
        position: relative;

        img {
            position: relative;
            // top: 5px;
            margin-right: 10px;
        }
    }

    .gneng_right {
        float: right;
        height: 40px;
        line-height: 40px;
    }

    .shop_box {
        background-color: #fff;
        margin-bottom: 5px;
    }
    .xiang_qing {
        // position: absolute;
        top: 0px;
        // background-color: #f5f5f5;
        width: 100%;
        height: 100%;
        z-index: 100;
        .jieShao {
          padding: 0px 15px;
          font-size: 14px;
          margin: 0px;
          margin-bottom: 8px;
        }
        .geR {
          // width: 22px;
          // height: 22px;
          display: flex;
          padding: 0px 15px;
      
          img {
            width: 22px;
            height: 22px;
            border-radius: 50%;
          }
          span {
            display: block;
            font-size: 14px;
            margin-left: 5px;
          }
        }
      }
      .xiXi{
          background-color: #fff;
        //   padding: 10px 0px;
      }
}